@import "./import.less";
@import './nprogress.less';
@import './normalize.less';

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  color: @secondaryTextColor;
}

html,
body {
  font: 28px / 1.4 Open Sans, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, monospace;
}

body {
  background-color: @backgroundColor;
  color: @textColor;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

a {
  color: @primaryColor;
  text-decoration: none;
}

pre {
  white-space: pre-wrap;
}

#nprogress .bar {
  background-color: @primaryColor;
  height: 4px;
}

#nprogress .peg {
  box-shadow: 0 0 10px @primaryColor, 0 0 5px @primaryColor;
}

.logo-avatar {
  font-size: 90px;
  color: inherit;
}

.co-success-color {
  background-color: @successColor;
}

.co-error-color {
  background-color: @errorColor;
}

.co-success-text-color {
  color: @successColor;
}

.co-error-text-color {
  color: @errorColor;
}

.co-text-color {
  color: @textColor;
}

.co-secondary-text-color {
  color: @secondaryTextColor;
}

.co-hint-text-color {
  color: @hintColor;
}

.co-disabled-text-color {
  color: @disabledColor;
}

.co-dialog-transition-enter-active,
.co-dialog-transition-leave-active {
  transition: opacity 300ms ease, transform 300ms @easeOutFunction;
}

.co-dialog-transition-enter,
.co-dialog-transition-leave-to {
  transform: scale(0.6);
  opacity: 0;
}


.alibaba-design {
  width: 162px;
  height: 30px;
  position: absolute;
  left: 30px;
  top: 150px;
  background: url(https://gw.alicdn.com/tfs/TB1VI3WHkzoK1RjSZFlXXai4VXa-340-48.png) no-repeat;
  background-size: 100%;
}

.uncan-2019-text-h {
  width: 201px;
  height: 32px;
  background: url(https://gw.alicdn.com/tfs/TB1j1kNHbPpK1RjSZFFXXa5PpXa-201-32.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 80px;
  left: 30px;
}

.uncan-2019-text {
  width: 162px;
  height: 101px;
  background: url(https://img.alicdn.com/tfs/TB1oKWxIMTqK1RjSZPhXXXfOFXa-284-176.png) no-repeat;
  background-size: 100%;
  margin-bottom: 30px;
  position: absolute;
  top: 36px;
  left: 30px;
}

.uncan-right {
  width: 279px;
  height: 459px;
  background: url(https://gw.alicdn.com/tfs/TB1Gq7SHXzqK1RjSZFvXXcB7VXa-270-419.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: -108px;
}

.title-status {
  position: absolute;
  top: 210px;
  left: 22px;
  font-size: 44px;
  color: #fff;
}

.title-description {
  width: 100%;
  box-sizing: border-box;
  padding: 24px 0;
  text-align: left;
  font-size: 20px;
  color: #b9b9bb;
  text-indent: 30px;
  position: relative;

  &:before {
    content: '';
    position: absolute;
    top: 26px;
    left: 0;
    width: 22px;
    height: 22px;
    background: center / contain url("https://gw.alicdn.com/tfs/TB1jOwtH4jaK1RjSZKzXXXVwXXa-16-22.svg") no-repeat;
  }
}

.wing-blank {
  padding-left: 30px;
  padding-right: 30px;
}

.co-loading {
  position: fixed !important;
  top: 50%;
  left: 50%;
  width: 120px !important;
  height: 120px !important;
  transform: translate3d(-50%, -50%, 0);
  padding: 24px;
  z-index: 10000000;
}


.vc-switch,
.vc-panel {
  z-index: 100000000000000000000 !important;
}


* {
  .no-scrollbar();
}
